/*
 * @Author: 别拿暗恋当饭吃. 13466071+lililkli@user.noreply.gitee.com
 * @Date: 2024-06-27 10:58:36
 * @LastEditors: 别拿暗恋当饭吃. 13466071+lililkli@user.noreply.gitee.com
 * @LastEditTime: 2024-06-27 11:58:37
 * @FilePath: \rabce\project\src\pages\Myssage\index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%
 */
import React from "react";
import { NavBar, Toast, NoticeBar, Space, Button } from 'antd-mobile'
import Mysystem from "components/Mysystem/index ";
import MyRecorded from 'components/MyRecorded'
import MyInterrogation from 'components/MyInterrogation'
import './style.css'
const index = () => {
    const right = (
        <div style={{ fontSize: 15 }}>
            <Space style={{ '--gap': '8px' }}>
                <p>全部已读</p>
            </Space>
        </div>
    )
    const back = () =>
        Toast.show({
            content: '点击了返回区域',
            duration: 1000,
        })
    return (
        <div>
            <NavBar onBack={back} right={right}>消息</NavBar>
            <NoticeBar
                extra={
                    <Space style={{ '--gap': '8px' }}>
                        <span>关闭</span>
                        <span><Button color='primary' fill='solid'>开启</Button></span>

                    </Space>
                }
                content={'打开系统通知H币入账等消息不错过'}
                color='info'
            />
            <div>
                <div className="top">
                    <Mysystem></Mysystem>
                </div>
                <div className="con">
                    <MyInterrogation></MyInterrogation>
                </div>
                <div className="bot">
                    <MyRecorded></MyRecorded>
                </div>
            </div>
        </div>
    )
}
export default index